<!--
 * @Description:
 * @version:
 * @Author: 潘骏杰
 * @Date: 2021-11-10 14:13:41
 * @LastEditors: 潘骏杰
 * @LastEditTime: 2021-11-12 16:42:31
-->
<template>
  <div class="resource-page" id="demo">
    <section class="resources-download">
      <m-row :gutter="10">
        <m-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
          <a href="#">
            <m-card style="padding: 0">
              <div class="img">
                <img :src="$withBase('/images/axure.png')" />
              </div>
              <div class="mainbody">
                <h4>基础组件规范Axure版</h4>
                <p>axure 模板资源包</p>
              </div>
            </m-card>
          </a>
        </m-col>
        <m-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
          <a href="#">
            <m-card style="padding: 0">
              <div class="img">
                <img :src="$withBase('/images/sketch.png')" />
              </div>
              <div class="mainbody">
                <h4>基础组件规范Sketch版</h4>
                <p>sketch 模板资源包</p>
              </div>
            </m-card>
          </a>
        </m-col>
      </m-row>
    </section>
  </div>
</template>

<script>
import store from '../../store/index'
export default {
  data() {
    return {
      store
    }
  },
  created() {},
  mounted() {
    // setInterval(() => {
    //   store.mutations.setUid(Math.random().toString(16))
    // }, 500)
  },
  methods: {}
}
</script>
<style scoped lang="scss">
/deep/ .resources-download {
  padding-top: 50px;
  .el-card__body {
    padding: 0;
  }
  div.mainbody {
    padding: 24px 16px;
    font-size: 16px;
    h4 {
      margin: 0 0 16px;
      line-height: 1;
      font-size: 18px;
    }
    p {
      margin: 0;
      line-height: 1;
      color: #666;
    }
  }
}
</style>
